define(['jquery', 'bootstrap', 'frontend', 'template', 'form','echarts', 'bootstrap-datetimepicker'],
function ($, undefined, Frontend, Template, Form,echarts,datetimepicker) {
	Date.prototype.format = function (fmt) {
	    var o = {
	        "M+": this.getMonth() + 1, //月份
	        "d+": this.getDate(), //日
	        "h+": this.getHours(), //小时
	        "m+": this.getMinutes(), //分
	        "s+": this.getSeconds(), //秒
	        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
	        "S": this.getMilliseconds() //毫秒
	    };
	    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    for (var k in o)
	        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    return fmt;
	}
	var chart = {
		chartid:"",
    	myChart:null,
    	dataset:null,
        init:function(control,chartid){
            var that = this;
            that.chartid=chartid;
            
            that.myChart = echarts.init(document.getElementById(that.chartid));
            //alert('xxx');
            //control._dateselect();
            that._getDataAndDraw();
            $("#"+that.chartid+"select").change(function(){
            	that._drawchart(that.dataset[$(this).val()]);
            });
        },
        _getDataAndDraw:function(){
        	var that = this;
			Fast.api.ajax({
			    url: "csmonline/chartonlineweekend/index",
			    type: "get",
			    data:{
			    	begin:$("#datetimepicker1_input").val(),
			    	end:$("#datetimepicker2_input").val()
			    },
			}, function (data, ret) {
				
				that.dataset = data;
				that._drawchart(that.dataset[$("#"+that.chartid+"select").val()]);
			    return false;
			}, function (data, ret) {
			    return false;
			});

        },
        _drawchart:function(dataset){
        	var that = this;
			var option = {
			    legend: {
			        data: ['游客统计', '登录用户统计']
			    },	
			    tooltip: {trigger: 'axis'},
			    dataset: {
			        // 提供一份数据。
			        // source: [
			        //     ['product', '游客统计', '登录用户统计'],
			        //     ['2020-03-12', 43.3, 85.8],
			        //     ['2020-03-13', 83.1, 73.4],
			        //     ['2020-03-14', 86.4, 65.2],
			        //     ['2020-03-15', 72.4, 53.9]
			        // ]
			        source:dataset
			    },				
			    xAxis: {
			        type: 'category',
			    },
			    yAxis: {
			        type: 'value'
			    },
			    series: [
			    	{
				        type: 'line',
				        smooth: false
			    	},
			    	{
				        type: 'line',
				        smooth: false
			    	}			    	
			    ]
			};
            that.myChart.setOption(option);           
        },   		
	};
 
    return chart;
});